<template>
<page-view class="food-detail-page">
    <page-header title="菜品详情" :showBack="true"></page-header>

    <div class="content-box" v-if="true">
        <skeleton title avatar :row="5" :loading="loading">
                <div>实际内容</div>
        </skeleton>
    </div>

</page-view>
</template>

<script>
import PageHeader from '../components/PageHeader.vue'
import PageView from '../components/PageView.vue'
import { Skeleton } from 'vant';
export default {
  components: { PageView, PageHeader,Skeleton },
    name:'FoodDetail',
    props:[],
    setup () {
        //是否显示骨架屏，传 false 时会展示子组件内容
        let loading=ref(true)
        onMounted(() => {
            loading.value = false;
        });
        return {loading}
    }
}
</script>

<style lang="scss" scoped>

</style>